对象属性枚举顺序

ES6规定了对象属性枚举顺序。

9.1.12 [[OwnPropertyKeys]]()

调用 O 的 [[OwnPropertyKeys]] 内部方法时，采取以下步骤：  

    1.使 keys 变为一个空的 List

    2.对于整数类型的 O 的每个自己的属性键 P，按照数字索引升序，放到属性列表中
 
      a. 将 P 作为 keys 的最后一个元素。

    3.对于 String 类型但不是整数索引的 O 的每个自己的属性键 P，按照属性的创建时间升序，放到属性列表中
    
      a. 将 P 作为 keys 的最后一个元素。

    4.对于 Symbol 类型的 O 的每个自己的属性键 P，按照属性的创建时间升序，放到属性列表中
    
      a. 将 P 作为 keys 的最后一个元素。

    5.返回 keys。

也就是说，Object的属性遍历按照：数字从小到大 -> 字符串创建顺序 -> Symbol 创建顺序进行遍历。

ES7 [[OwnPropertyKeys]]()

ES8 [[OwnPropertyKeys]]()

举例

1 2	x = {b:20, 3:2, [Symbol('A')]:2, a:100, 2:1} > {2: 1, 3: 2, b: 20, a: 100, Symbol(A): 2}

Chrome DevTools调用[[OwnPropertyKeys]]()列出对象的所有属性。

Object.keys的枚举顺序

参考文章：5分钟彻底理解Object.keys

1
2
3

x = {b:20, 3:2, [Symbol('A')]:2, a:100, 2:1}
Object.keys(x)
> ["2", "3", "b", "a"]

Object.keys将Symbol类型的属性过滤掉了。

ES8 Object.keys(O)

当Object.keys函数使用参数O调用时，会执行以下步骤：

1. 将参数转换成Object类型的对象（ToObject(O)）

Let obj be ? ToObject(O).

ToObject(argument)

Undefined: 抛出TypeError
Null: 抛出TypeError

Boolean: 返回一个新的 Boolean 对象
Number: 返回一个新的 Number 对象
String: 返回一个新的 String 对象
Symbol: 返回一个新的 Symbol 对象

Object: 直接返回Object

举例：

new Number(123)
> Number {123}
    __proto__: Number
    [[PrimitiveValue]]: 123

// Number对象没有任何可提取的属性，故返回空数组
Object.keys(123)
> []

new String('test')
> String {"test"}
    0: "t"
    1: "e"
    2: "s"
    3: "t"
    length: 4
    __proto__: String
    [[PrimitiveValue]]: "test"
    
Object.keys('test')
> ["0", "1", "2", "3"]